﻿
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > 
   
        <title>My Test</title>
        <link href="/zf-tutorial/public/css/site.css" media="screen" rel="stylesheet" type="text/css" > 
	<link rel="stylesheet" href="./js/jquery/css/overcast/jquery-ui-1.8.11.custom.css" type="text/css" media="screen">



<script type="text/javascript" src="./js/jquery/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="./js/jquery/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="./js/panel_message.js"></script>
<script type="text/javascript" src="./js/panel.js"></script>


<script type="text/javascript">
//<!--

		
		var next = -1;
		function abc()
		{


			$.getJSON('http://7dgame.com:80/index/list/format/html?jsoncallback=?',  
				function(data, textStatus)
				{
				
				
					if(next == -1){next = data.next}
						
					if(data.next != next)
					{
						next = data.next;
						QtExecute.startGame();
						QtExecute.setWinData(data.prize.type, data.prize.color, data.prize.animal);
					}else
					{
						
						$('#text1').text("距离下次开奖还有:"+(data.next- data.now)+"秒");
					}
				}				
			);
			
			return false; 

			

		

		}

		$(document).ready(function(){
				setInterval(abc, 1000);
			});

			
			
    $(document).ready(function() {

        $('#line0').html($('#line0').html() + getMsg('yl'));
        $('#line0').html($('#line0').html() + getMsg('time'));
        $('#line0').html($('#line0').html() + getMsg('tms'));


        $('#line0').html($('#line0').html() + getButton('zhuang'));
        $('#line0').html($('#line0').html() + getButton('he'));
        $('#line0').html($('#line0').html() + getButton('xian'));

        $('#line2').html($('#line2').html() + getButton('red_lion'));
        $('#line2').html($('#line2').html() + getButton('green_lion'));
        $('#line2').html($('#line2').html() + getButton('yellow_lion'));

        $('#line2').html($('#line2').html() + getButton('red_panda'));
        $('#line2').html($('#line2').html() + getButton('green_panda'));
        $('#line2').html($('#line2').html() + getButton('yellow_panda'));



        $('#line3').html($('#line3').html() + getButton('red_monkey'));
        $('#line3').html($('#line3').html() + getButton('green_monkey'));
        $('#line3').html($('#line3').html() + getButton('yellow_monkey'));

        $('#line3').html($('#line3').html() + getButton('red_rabbit'));
        $('#line3').html($('#line3').html() + getButton('green_rabbit'));
        $('#line3').html($('#line3').html() + getButton('yellow_rabbit'));


        setupButton();
        clearButton();

        setupMsgButton();
        disableButton();
        QtExecute.setupPanel();

    });
//-->

</script>

				

<script type="text/javascript">


    $(function(){
        // Dialog Link
        //hover states on the static widgets

        $('a, ul#icons li').hover(
            function() { $(this).addClass('ui-state-hover'); }, 
            function() { $(this).removeClass('ui-state-hover'); }
        );
    });
</script>

<style type="text/css">
	/*demo page css*/
	body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 30px;}
	a {
		padding: .4em 1em .4em 7%;
		text-decoration: none;
		position: relative;
	}
	a span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 100%;margin-top: -8px;}
</style>

	
</head> 
<div id="text"></div>
<div id="text1"></div>

<div class="demo">
<p id="line0"/>
<p id="line1"/>
<p id="line2"/>
<p id="line3"/>
</div>

</div>


</body> 
</html>